<template>
<el-row :gutter="20">
  <el-col :span="24" :offset="0">
    <el-row :gutter="20">
      <!-- <el-col :span="4" :offset="0">今日推荐</el-col> -->
      <!-- <el-col :span="20" :offset="0"><todayNew></todayNew></el-col> -->
    </el-row>
    
  </el-col>
  <el-col :span="24" :offset="0">
    <el-row :gutter="20">
      <el-col :span="14" :offset="0"><Carousel></Carousel></el-col>
      <el-col :span="10" :offset="0"><popularNew></popularNew></el-col>
    </el-row>
  </el-col>
  <el-col :span="24" :offset="0">
    <!-- <Baike></Baike> -->
  </el-col>
  
  <el-col :span="24" :offset="0">
    <el-row :gutter="20">
      <el-col :span="20" :offset="0"><newList></newList></el-col>
      <el-col :span="4" :offset="0">1</el-col>
    </el-row>
    </el-col>
</el-row>

</template>

<script setup>
import Carousel from '@/views/home2/Carousel.vue'
// import Carousel from '@/views/home/animeCarousel.vue'
import AnimeWike from '@/views/home/animeWike.vue';
import Baike from '@/views/home2/BaikeTab.vue';
 

import popularNew from '@/views/home2/popularNew.vue'
// import newList from '@/views/home2/newList.vue'
import todayNew from '@/views/home2/todayNew.vue'

</script>

<style scoped>

</style>